20 New Image Effects jQuery Options For Creative Designers
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. CSS3 Effects
Flexible parralax jquery plugin to create outstanding single perpective and persepective sliders.has slide effects: fade, slideUp, slideDown, slideLeft, slideRight
handles image and video loading
Tired of opening up Photoshop just to make an image grayscale, or to add a little blur? Now you can add image effects on the fly using jQuery, leaving the original image untouched. In modern browsers (FireFox, Chrome, Safari, IE9+, Opera, and most mobile browsers) the effects are done in realtime using HTML5 canvas. On older browsers that don’t support canvas, or when images are not on the same domain, there is a seamless fallback to a server-side version of the code that renders the effects using PHP and the GD library. There are 9 dazzling effects, including grayscale, sharpen, blur, brightness, darkness, tint, threshold, color threshold, and edge detect.
Blazing fast – Featuring some of the coolest CSS3 Effects out there,
Deep linking – So when someone shares your image will be taken directly to that image. No coding required – Using only jQuery selectors and HTML5 data attributtes
jQueryHammerJS jQuery plugin
ImageZoom is a jQuery lightbox plugin for jQuery image zoom hover effect effect. It has thrid mode of jQuery image effect : inner mode,standard mode and follow mode. It is easy to use, you can just use single image or set a large image. When you set a large image you view see it‘s 410 faster than other to show zoom view (witch use image load event to get the large image width/height ). Use resized thumb image for zoom view when the large image is loading. Option for preload image or not. type:The JavaScript image zoom slider mode. bigImageSrc:If Call image zoom on the thumb image and want to zoom with large image set this option. smoothMove:Is the zoomviewer’s image move smooth. preload:Is ImageZoom preload the large image. Default:null (alignTo the riginal image)
showDescription:Is zoomimage auto show the image description.$viewer (jQuery element object) The large image show view area.$handlerArea (jQuery element object) The handler view show on thumb image when use standard mode.$el (jQuery element object) The image the you have called ImageZoom on it.$largeImg (jQuery element object) The large image that show on zoom viewer. changeImage(string,string) : Change the img tag original image src and large image.Other Image Effects Plugins
HoverEx – jQuery image hover animation plugin
Picanim – jQuery image hover effect pulgin
Zoome – jQuery Image Zoom Effect Plugin
6. jSliderPro
More selectors and effects.Images transition engine that can generate an incredible number of stunning effects, about 100K and more.You can customize a lot of aspects of images transitions such as the tile grid size, in rows and columns, and the graphic effects to apply them. You can also mix alla available effects togheter, set their speed and placement in time.jSliderPro gives the option to set an image for navigation buttons and bullets.On-the-fly image resize and clip. Resolved an issue with jQuery that hampered transitions’ selection.
That said Nex, doesn’t need any other libraries at all (except jquery) to implement all it’s functionality, you can see the speed of the slider on the demo page.It’s very easy to implement, even for beginners due to the fact that it is uses jquery, usage should be no trouble at all.jquery.com/jquery-1.10 types of effects:
Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.Different Content types: image, video, map
jQuery – Released under the MIT license
web: Responsive Text Effects.flat color for HTML form tags blocks, but any image or video file you want. The image or video overlays can be further enhanced with
The script work much in the same way as cufon does, by taking text and transforming it into a live image using the canvas tag,
The download package includes a specially made effects
Use it to quickly tweak and create your text effects, without having to hand-code the
jQuery Easing Slider
jQuery Easing Slider is a slideshow jQuery plugin that allow create image slider with smooth animation and add description into each slider with a different effects & interactive features.Animated Text and image gallery CSS and Adjustable Animation Speed
Customizable Image Size & Position
Show Image in Placeholder/Target Box – jQuery
Show in Place Holder plug-in is developed to show an image to place holder / target box. Plug-in can be used to showcase image portfolios, product images, software screenshots or any dam thing that you want to display to place holder / target box by clicking / hovering image thumbs or anchor links.Plug-in provides facility to apply more than 20 animation effects to show image to place holder / target box. You can also add description text of an image.Show in place holder plug-in can be defined on image thumb, anchor link or any HTML tag
Note: To make a faster load you should resize image dimensions as per place holder / target box
11. Showroom Slider
Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from. but can be rotated at angles allowing the users view them from different perspectives with 3D effects.
bgStretcher (Background Stretcher) is a content slider jQuery plugin for stretching one or more images proportionally across an entire page or element. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The speed, duration, transition effects, and slide direction are configurable.Lightweight jQuery Plugin
Multiple Transition Effects
13. Overgray
Overgray is a jQuery carousel plugin that allows you to apply various grayscale effects on images when user hovers over them with cursor. remove user focus from less important (but large) image elements
Compatible with popular jQuery plugins
Can use jQuery easing plugin
Compatibility with various jQuery plugins
Overgray is not built to replace any popular jQuery plugins.
Mate Hover | jQuery Plugin
Mate Hover – is a image lightbox jQuery plugin for jQuery image effect animations.Supports thirty animation effects from jQuery easing slider
Image Gallery with Vertical Thumbnail Navigator
Demo – Slideshow Effects:
No-Jquery minimum 15KB javascript code by smart compression.360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
390+ caption effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
Social Image Share Viral Traffic
Increase Traffic to Your Website with Viral Image Sharing – By simply adding a catchy, provocative, funny, interesting, ridiculous, image to your site and giving visitors an easy way to share it.Social Image Share is a Giant viral traffic builder – 8 Loading Effects – Grid masonry pages
Viral Image Share and Return page! – add spots for easy monetizing
This script scans your given image folders and make grid responsive pages, no more coding, no more adding thumbnails just upload the images to your folder (DONE)
Viral Share and Return page When a link or image is posted to friends they will be redirected and return to this page! Also visitors of friends if they click on it. – If you send the image to one friend you can get 10 – 100 or even more visitors back.jQuery page loader on the share and return page.Show and Hide embed code on image click and link
8 ready to go pages and image folders Easy to add more pages and image folders.8 CSS Effects you can give all pages one and the same effect or eats page a different effect
BloxHover is a jQuery slider simple plugin that animates overlay on images in 10 different effects. There are two types of effects – ones that ‘show’ the overlay with content on hover and the ones which ‘reveal’ the image, by fading out the overlay on hover.
As many jQuery plugins, jQuery Preview Slider is a subtle combination of HTML, CSS and jQuery. It is a flexible image slider optimized for full width of the screen.jQuery driven image slider
Multiple navigation controls: buttons, image click, keyboard
Fading and sliding transitions effects
19. Loading Script
Loading Script is a blur jQuery plugin to display colorful loading effects.Generally we use GIF animated image for loading. By use of this plugin we can set loading animation effect without GIF image.We can set any image as a loading effect with this script.This jQuery hover slideshow is very useful for developers who wants loading effect without use of GIF image.Loading animation effects without GIF image
12 differents method for loading effects
TileBox – Modern Responsive LightBox CSS is a small CSS plugin that is used to create a modern lightbox with CSS3 animation slideshow Effects for modern browsers.CSS3 Animation Effects.Switch between two image sizes.Rainbow Background Full Screen jQuery Plugin
Metro Tab jQuery